<template>
	<div id="Title">
      <div class="line"></div>
      <div class="text">{{this.titleText}}</div>
      <div class="line"></div>
    </div>
</template>

<script>
	export default {
		name: "Title",
		props: {
			titleText: String
		}
		
	}
</script>

<style lang="stylus" scoped>
	#Title
		display flex
		width 80%
		margin 28px auto 24px auto
		.line
			flex 1
			position relative
			top -6px
			border-bottom 1px solid rgba(255,255,255,0.2)
		.text
			font-size 14px
			font-weight 700
			padding 0 12px
      
</style>